<template>
  <div>
    <todo-info></todo-info>
    <todo-clear @remove-all='removeAll'></todo-clear>
  </div>
</template>

<script>
import TodoClear from './TodoClear.vue'
import TodoInfo from './TodoInfo.vue'
  export default {
    name: 'TodoFooter',
    components: { TodoClear, TodoInfo },
    methods: {
      removeAll(){
        this.$emit('removeAll')
      }
    },
  }
</script> 